<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<link rel="stylesheet" type="text/css" href="style/style.css" />

		
		<script src="../../libs/js/table/quiGrid.js" type="text/javascript"></script>
		
	</head>

	<body>
		<div class="page_content">
			<div class="infoCard" style="">
				<div class="title">
					<span>基本信息</span>
				</div>
				<div class="Purchase_content_win">
					<table border="0" cellspacing="0" cellpadding="0" class="Purchase_content">
						<tr>
							<td style="text-align: right;width: 100px;">采购日期</td>
							<td>2017/8/28 15:15:13</td>
							<td style="text-align: right;width: 100px;">采购单号</td>
							<td>2244</td>
							<td style="text-align: right;width: 100px;">收货仓库</td>
							<td>北京仓库</td>
						</tr>
						<tr>
							<td style="text-align: right;width: 100px;">厂商</td>
							<td colspan="3">北京上不去科技有限公司</td>
							<td style="text-align: right;width: 100px;">备注</td>
							<td>固安店订购奶粉，款已付，不含运费不含税</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="infoCard infoCard2" style="margin-top: 20px;">
				<div class="title">
					<span>产品信息</span>
				</div>
				<div id="dataBasic"></div>
				<div class="Purchase_content_win" style="padding: 20px 15px;border-bottom: 1px solid #F0F0F0;">
					<table border="0" cellspacing="0" cellpadding="0" class="Purchase_content">
						<tr>
							<td style="text-align: right;width: 100px;">产品合计</td>
							<td>2</td>
							<td style="text-align: right;width: 100px;">采购数量合计</td>
							<td>12</td>
							<td style="text-align: right;width: 100px;">采购合计金额</td>
							<td>3624.00</td>
							<td style="text-align: right;width: 100px;">入库数量合计</td>
							<td>12</td>
							<td style="text-align: right;width: 100px;">入库真实金额</td>
							<td>3624.00</td>
						</tr>
					</table>
				</div>
				
				<div class="Purchase_back">
					<input type="button" name="" id="" class="primary" value="返 回" onclick="Purchase_back()"/>
				</div>
				
			</div>
		</div>

		<script type="text/javascript">
			var grid = null;
			//数据表格使用
			var gridData = {
				"form.paginate.pageNo": 1,
				"form.paginate.totalRows": 13,
				"rows": [{
						"id": 5418,
						"Barcode": "1234313213",
						"Internal_barcode": "zbb32312541",
						"Name": "黑市骑兵婴儿奶粉",
						"specification": "段位：1段900g桶",
						"Price": "322",
						"Company": "包",
						"Adjust_price": "319",
						"Purchasing_num": "6",
						"Purchasing_money": "1914",
						"Warehousing_num": "6",
						"Warehousing_money": "1914",
						"returned_num": "",
						"returned_price": "",
						"returned_money": "",
					},{
						"id": 5418,
						"Barcode": "1234313213",
						"Internal_barcode": "zbb32312541",
						"Name": "黑市骑兵婴儿奶粉",
						"specification": "段位：1段900g桶",
						"Price": "322",
						"Company": "包",
						"Adjust_price": "319",
						"Purchasing_num": "6",
						"Purchasing_money": "1914",
						"Warehousing_num": "6",
						"Warehousing_money": "1914",
						"returned_num": "",
						"returned_price": "",
						"returned_money": "",
					}
				]
			}

			function initComplete() {
				grid = $("#dataBasic").quiGrid({
					columns: [{
							display: '编号',
							name: 'id',
							width: "10%"
						},{
							display: '商品条码',
							name: 'Barcode',
							width: "10%"
						},{
							display: '内部条码',
							name: 'Internal_barcode',
							width: "10%"
						},{
							display: '商品名称',
							name: 'Name',
							width: "10%"
						},{
							display: '商品规格',
							name: 'specification',
							width: "10%"
						},{
							display: '单价',
							name: 'Price',
							width: "5%"
						},{
							display: '单位',
							name: 'Company',
							width: "5%"
						},{
							display: '调整价格',
							name: 'Adjust_price',
							width: "5%"
						},{
							display: '采购数量',
							name: 'Purchasing_num',
							width: "5%"
						},{
							display: '采购金额',
							name: 'Purchasing_money',
							width: "5%"
						},{
							display: '入库数量',
							name: 'Warehousing_num',
							width: "5%"
						},{
							display: '入库金额',
							name: 'Warehousing_money',
							width: "5%"
						},{
							display: '退货数量',
							name: 'returned_num',
							width: "5%"
						},{
							display: '退货单价',
							name: 'returned_price',
							width: "5%"
						},{
							display: '退货金额',
							name: 'returned_money',
							width: "5%"
						}
						
					],
					data: gridData,
					sortName: 'id',
					rownumbers: false,
					checkbox: false,
					height: "auto",
					width: "100%",
					usePager: false,
					pageSize: 10,
					percentWidthMode: true,
					onAfterShowData: onAfterShowData

				});
			}
			function onAfterShowData(data) {
				$("#dataBasic").find(".popupMenu").each(function() {
					$(this).hover(function() {
						$(this).find(".popupMenu_con").show();
					}, function() {
						$(this).find(".popupMenu_con").hide();
					});
				})
			}
			
			function Purchase_back(){
				window.location='oa_30.html';
			}
		</script>
	</body>

</html>